<!-- // Parent.vue 传送 -->
<template>
  <div>
    <p>父组件----还有多少钱：{{ money }}</p>
    <child  :msg1="msg1" :msg2="msg2" @handleChild = 'huaqian'></child>  
</div>
  
</template>

<script>
import child from "./child.vue"
import { ref } from "vue"
export default {
    name: 'ParentComponent',
    components:{child},
    data(){
        return {
            msg1:"这是传级子组件的信息1"
        }
    },
    setup(){
        // 创建一个响应式数据
        var money = ref(100)
        // 写法一 适用于基础类型  ref 还有其他用处，下面章节有介绍
        const msg2 = ref("这是传级子组件的信息2")
        
        // 写法二 适用于复杂类型，如数组、对象
        // const msg2 = reactive(["这是传级子组件的信息2"])

        const huaqian = () => {
            debugger
            money.value--
            console.log("huaqian--"+money)
        }
        
        return {
            msg2,money,huaqian
        }
    }
}
</script>